.date-style.el-picker-panel{
    width: 542px;
    height: 230px;
    background: #011d2c !important;
    border-radius: 6px;
    border: 1px solid #00D7FF;
    color: #FFFFFF;
     font-size: 12px;

    .el-picker-panel__icon-btn {
      color: #ffffff;
    }

    .el-date-picker__header-label{
      color: #ffffff;
    }
   .el-date-range-picker__header{
      background: #011d2c !important;
      border-bottom: 1px solid #011d2c;
      border-top: 1px solid #011d2c;
     font-size: 12px;
    }

    .el-month-table td.in-range div,.el-month-table td.in-range div:hover{
      background-color: transparent !important;
    }
     .el-month-table td.end-date .cell, .el-month-table td.start-date .cell{
       color: #FFFFFF;
       background-color: #00A6FA;
       border-radius: 3px;

     }
    .el-month-table td .cel{
      color: #FFFFFF;
      width: 48px;
      height: 24px;
      background: #00A6FA;

    }

  }
